<template>
    <el-tabs v-model="activeName" class="demo-tabs card-tabs" @tab-click="handleClick">
        <el-tab-pane label="产业概览" name="first" class="card-tabs">
            <div class="wrapper main-wrapper row">
                <div class="col-lg-12">
                    <section class="box nobox marginBottom0">
                        <div class="content-body">
                            <div class="row">
                                <smallCard>
                                    <template #cardbox>
                                        <div class="stats">
                                            <h3 class="color-white numbers">143352</h3>
                                            <span>企业总数量</span>
                                        </div>
                                    </template>
                                </smallCard>
                                <smallCardHover>
                                    <template #textOne>
                                        <div class="stats">
                                            <h3 class="numbers">2483</h3>
                                            <span>高新企业总数量</span>
                                        </div>
                                    </template>
                                </smallCardHover>
                                <smallCardHover>
                                    <template #textTwo>
                                        <div class="stats">
                                            <h3 class="numbers">367474</h3>
                                            <span>2+4+6 企业总数量</span>
                                        </div>
                                    </template>
                                </smallCardHover>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="clearfix"></div>
                <div class="col-lg-8">
                    <mainImage title="主图">
                        <template #mianMap>
                            <div class="row" style="height: 460px;">
                                <div class="col-xs-12">
                                    <div class="row">
                                        <div class="panel-box">
                                            <div class="panel-box-title">
                                                <h5>Monthly View</h5>
                                            </div>
                                            <div class="panel-box-content">
                                                <div id="visitor" style="height:460px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </mainImage>
                </div>
                <div class="col-lg-4">


                    <sameCard title="工具集">

                        <template #tool>
                            <div
                                style="height: 430px;width: 100%;background: linear-gradient(#9d73fa,#3d5ae6);padding-top: 15px;">
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagemb">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-document-copy />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">目标客户池</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagewdsc">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-collection-tag />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">我的收藏</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagexs">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-connection />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">线索管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagexsfp">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-files />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">线索分派</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagexsgj">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-position />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">线索跟进</span>

                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagewdxs">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-folder-checked />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">我的线索</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagebb">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-folder-opened />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">客户报备</span>
                                    </div>
                                </div>

                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagelx">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-message />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">联系客户</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagelxrgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-chat-line-square />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">联系人管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagexjgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-coin />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">询价管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagebjgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-money />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">报价管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagebjsp">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-document-checked />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">报价审批</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px; " @click="navigateToTargetPagezc">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-document />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">招商政策</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagesq">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-copy-document />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">政策申请</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagesqjd">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-finished />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">申请进度</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPageclgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-magic-stick />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">策略管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPageyygl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-discount />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">预约管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagerzgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-office-building />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">入驻管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagesfgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-collection />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">收费管理</span>
                                    </div>
                                </div>
                                <div class="col-xs-4" style="padding: 10px;" @click="navigateToTargetPagetzgl">
                                    <div class="icon-box">
                                        <label
                                            style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #fff;display: flex;align-items: center; justify-content: center;"><el-icon
                                                class="el-icon" style="font-size: 26px;">
                                                <el-icon-crop />
                                            </el-icon></label><span
                                            style="font-size:12px ;color: #fff;display: flex;justify-content: center;">退租管理</span>
                                    </div>
                                </div>

                            </div>
                        </template>
                    </sameCard>
                </div>
                <div class="clearfix"></div>
            </div>
        </el-tab-pane>
        <el-tab-pane label="产业载体" name="second">
            <div class="wrapper main-wrapper row">
                <div class="col-lg-12">
                    <section class="box nobox marginBottom0">
                        <div class="content-body">
                            <div class="row">
                                <smallCard>
                                    <template #cardbox>
                                        <div class="stats">
                                            <h3 class="color-white mb-5">片区总数</h3>
                                            <span>Total number of precincts</span>
                                        </div>
                                    </template>
                                </smallCard>
                                <smallCardHover>
                                    <template #textOne>
                                        <div class="stats">
                                            <h3 class="mb-5">楼宇总数</h3>
                                            <span>Total number of buildings</span>
                                        </div>
                                    </template>
                                </smallCardHover>
                                <smallCardHover>
                                    <template #textTwo>
                                        <div class="stats">
                                            <h3 class="mb-5">企业总数</h3>
                                            <span>Total number of enterprises</span>
                                        </div>
                                    </template>
                                </smallCardHover>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="clearfix"></div>
                <div class="col-lg-4">
                    <same-card title="按楼宇注册企业">
                        <template #tool>
                            <div class="enterprise-list" style="height: 433px;">
                                <div class="enterprise-search">
                                    <el-input v-model="searchInput" style="width:100%" placeholder="Search">
                                        <template #prefix>
                                            <el-icon class="el-input__icon">
                                                <search />
                                            </el-icon>
                                        </template>
                                    </el-input>
                                </div>
                                <div class="enterprise-content">
                                    <div class="content-title">
                                        <h4>Categories</h4>
                                    </div>
                                    <div class="content-list">

                                        <ul class="list">
                                            <li>
                                                <div class="text"> <span>What language is thy answer, O sky?</span>
                                                </div>
                                                <div class="number"><span>(50)</span></div>
                                            </li>

                                            <li>
                                                <div class="text"> <span>What language is thy answer, O sky?</span>
                                                </div>
                                                <div class="number"><span>(50)</span></div>
                                            </li>

                                            <li>
                                                <div class="text"> <span>What language is thy answer, O sky?</span>
                                                </div>
                                                <div class="number"><span>(50)</span></div>
                                            </li>

                                            <li>
                                                <div class="text"> <span>What language is thy answer, O sky?</span>
                                                </div>
                                                <div class="number"><span>(50)</span></div>
                                            </li>

                                            <li>
                                                <div class="text"> <span>What language is thy answer, O sky?</span>
                                                </div>
                                                <div class="number"><span>(50)</span></div>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </template>
                    </same-card>
                </div>

            </div>
        </el-tab-pane>
        <el-tab-pane label="企业档案" name="third">
            <div class="wrapper main-wrapper row">
            </div>
        </el-tab-pane>
        <el-tab-pane label="招商专题" name="fourth">招商专题</el-tab-pane>
    </el-tabs>
</template>

<script>
import smallCard from '@/components/scCard/smallCard'
import smallCardHover from '@/components/scCard/smallCardHover'
import mainImage from '@/components/scCard/mainImage'
import sameCard from '@/components/scCard/sameCard'
import pieCard from '@/components/scCard/pieCard'
import tableCard from '@/components/scCard/tableCard'
import $ from 'jquery'
import 'jquery-sparkline'
import '../../FengtaiHome/jquery/amcharts.js'
import '../../FengtaiHome/jquery/jquery-3.1.1.min.js'
import '../../FengtaiHome/jquery/serial.js'
import '../../FengtaiHome/jquery/toastr.min.js'
export default {
    components: {
        smallCard,
        smallCardHover,
        mainImage,
        sameCard,
        pieCard,
        tableCard,
        // tabCard
    },
    data() {
        return {
            num: 0,
            // tab默认显示第一个
            tabPosition: 'left',

            activeName: 'first',
            // 搜索企业
            searchInput: '',
            // 搜索企业列表数据
            enterpriseData: [
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
                {
                    DealIDNumber: 'Deal number 126515',
                    TradeTime: '17.24AM',
                    Status: 'complete',
                    LastTrade: '0.00113 BTC',
                },
            ],
            tableColumns: [
                { prop: 'DealIDNumber', label: 'Deal ID Number', width: '180' },
                { prop: 'TradeTime', label: 'Trade Time', width: '180' },
                { prop: 'Status', label: 'Status' },
                { prop: 'LastTrade', label: 'Last Trade' }
            ],
            // 按楼宇搜索列表信息
            listItems: [
                { text: 'What language is thy answer, O sky?', number: 50 },
                { text: 'What language is thy answer, O sky?', number: 50 },
                { text: 'What language is thy answer, O sky?', number: 50 },
                { text: 'What language is thy answer, O sky?', number: 50 }

            ]

        }
    },
    mounted() {
        this.initSparklines()
    },
    methods: {
        initSparklines() {
            $("#sparkline1").sparkline([14, 14, 4, 14, 10, 17, 14, 12, 9, 3, 9], {
                type: 'bar',
                barWidth: 4,
                height: '40px',
                barColor: '#fff',
                barSpacing: '5px',
                negBarColor: '#fff',
                width: '100%',
            });
            $("#sparkline2").sparkline([6, 7, 2, 0, 4, 2, 4, 5, 7, 2, 4], {
                type: 'bar',
                barWidth: 4,
                height: '40px',
                barColor: '#fff',
                barSpacing: '5px',
                negBarColor: '#fff',
                width: '100%',
            });
            $("#sparkline3").sparkline([6, 10, 17, 14, 12, 2, 4, 5, 7, 2, 8], {
                type: 'bar',
                barWidth: 4,
                height: '40px',
                barColor: '#fff',
                barSpacing: '5px',
                negBarColor: '#fff',
                width: '100%',
            });
            $("#sparkline4").sparkline([5, 6, 7, 2, 0, 4, 2, 10, 17, 14, 12], {
                type: 'bar',
                barWidth: 4,
                height: '40px',
                barColor: '#fff',
                barSpacing: '5px',
                negBarColor: '#fff',
                width: '100%',
            });
            // AnCharts 4 Start visitor statistic // 
            AmCharts.makeChart("visitor", {
                type: "serial",
                hideCredits: !0,
                theme: "light",
                dataDateFormat: "YYYY-MM-DD",
                precision: 2,
                valueAxes: [{
                    id: "v1",
                    title: "Visitors",
                    position: "left",
                    autoGridCount: !1,
                    labelFunction: function (e) {
                        return "$" + Math.round(e) + "M"
                    }
                }, {
                    id: "v2",
                    title: "New Visitors",
                    gridAlpha: 0,
                    position: "right",
                    autoGridCount: !1
                }],
                graphs: [{
                    id: "g3",
                    valueAxis: "v1",
                    lineColor: "#5395f9",
                    fillColors: "#5395f9",
                    fillAlphas: 1,
                    type: "column",
                    title: "Returning Visitor",
                    valueField: "sales2",
                    clustered: !1,
                    columnWidth: .5,
                    legendValueText: "$[[value]]M",
                    balloonText: "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
                }, {
                    id: "g4",
                    valueAxis: "v1",
                    lineColor: "#0d5ef9",
                    fillColors: "#0d5ef9",
                    fillAlphas: 1,
                    type: "column",
                    title: "New visitor",
                    valueField: "sales1",
                    clustered: !1,
                    columnWidth: .3,
                    legendValueText: "$[[value]]M",
                    balloonText: "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
                }, {
                    id: "g1",
                    valueAxis: "v2",
                    bullet: "round",
                    bulletBorderAlpha: 1,
                    bulletColor: "#FFFFFF",
                    bulletSize: 5,
                    hideBulletsCount: 50,
                    lineThickness: 2,
                    lineColor: "#0df3a3",
                    type: "smoothedLine",
                    title: "Last Month Visitor",
                    useLineColorForBulletBorder: !0,
                    valueField: "market1",
                    balloonText: "[[title]]<br /><b style='font-size: 130%'>[[value]]</b>"
                }, {
                    id: "g2",
                    valueAxis: "v2",
                    bullet: "round",
                    bulletBorderAlpha: 1,
                    bulletColor: "#FFFFFF",
                    bulletSize: 5,
                    hideBulletsCount: 50,
                    lineThickness: 2,
                    lineColor: "#fe5d70",
                    dashLength: 5,
                    title: "Average Visitor",
                    useLineColorForBulletBorder: !0,
                    valueField: "market2",
                    balloonText: "[[title]]<br /><b style='font-size: 130%'>[[value]]</b>"
                }],
                chartCursor: {
                    pan: !0,
                    valueLineEnabled: !0,
                    valueLineBalloonEnabled: !0,
                    cursorAlpha: 0,
                    valueLineAlpha: .2
                },
                categoryField: "date",
                categoryAxis: {
                    parseDates: !0,
                    dashLength: 1,
                    minorGridEnabled: !0
                },
                legend: {
                    useGraphSettings: !0,
                    position: "top"
                },
                balloon: {
                    borderThickness: 1,
                    cornerRadius: 5,
                    shadowAlpha: 0
                },
                dataProvider: [{
                    date: "2013-01-16",
                    market1: 71,
                    market2: 75,
                    sales1: 5,
                    sales2: 8
                }, {
                    date: "2013-01-17",
                    market1: 74,
                    market2: 78,
                    sales1: 4,
                    sales2: 6
                }, {
                    date: "2013-01-18",
                    market1: 78,
                    market2: 88,
                    sales1: 5,
                    sales2: 2
                }, {
                    date: "2013-01-19",
                    market1: 85,
                    market2: 89,
                    sales1: 8,
                    sales2: 9
                }, {
                    date: "2013-01-20",
                    market1: 82,
                    market2: 89,
                    sales1: 9,
                    sales2: 6
                }, {
                    date: "2013-01-21",
                    market1: 83,
                    market2: 85,
                    sales1: 3,
                    sales2: 5
                }, {
                    date: "2013-01-22",
                    market1: 88,
                    market2: 92,
                    sales1: 5,
                    sales2: 7
                }, {
                    date: "2013-01-23",
                    market1: 85,
                    market2: 90,
                    sales1: 7,
                    sales2: 6
                }, {
                    date: "2013-01-24",
                    market1: 85,
                    market2: 91,
                    sales1: 9,
                    sales2: 5
                }, {
                    date: "2013-01-25",
                    market1: 80,
                    market2: 84,
                    sales1: 5,
                    sales2: 8
                }, {
                    date: "2013-01-26",
                    market1: 87,
                    market2: 92,
                    sales1: 4,
                    sales2: 8
                }, {
                    date: "2013-01-27",
                    market1: 84,
                    market2: 87,
                    sales1: 3,
                    sales2: 4
                }, {
                    date: "2013-01-28",
                    market1: 83,
                    market2: 88,
                    sales1: 5,
                    sales2: 7
                }, {
                    date: "2013-01-29",
                    market1: 84,
                    market2: 87,
                    sales1: 5,
                    sales2: 8
                }, {
                    date: "2013-01-30",
                    market1: 81,
                    market2: 85,
                    sales1: 4,
                    sales2: 7
                }]
            });
        },
        navigateToTargetPagemb() {

            //目标客户池
            this.$router.push('/crm/pool/customer');

        },
        navigateToTargetPagewdsc() {

            //我的收藏
            this.$router.push('/enterprise/store');

        },
        navigateToTargetPagexs() {

            //线索管理
            this.$router.push('/office/aitask/manage');
        },
        navigateToTargetPagexsfp() {

            //线索分派
            this.$router.push('/office/aitask/allocation');
        },
        navigateToTargetPagexsgj() {

            //线索跟进
            this.$router.push('/office/aitask/hold');
        },
        navigateToTargetPagewdxs() {
            //我的线索
            this.$router.push('/office/aitask/search');
        },
        navigateToTargetPagebb() {

            //客户报备
            this.$router.push('/crm/customer');
        },
        navigateToTargetPagelx() {

            //联系客户
            this.$router.push('/crm/contract');
        },
        navigateToTargetPagelxrgl() {

            //联系人管理
            this.$router.push('/crm/linkman');
        },
        navigateToTargetPagexjgl() {

            //询价管理
            this.$router.push('/crm/inquiry');
        },
        navigateToTargetPagebjgl() {

            //报价管理
            this.$router.push('/crm/quotation');
        },
        navigateToTargetPagebjsp() {

            //报价审批
            this.$router.push('/crm/quotation/approved');
        },
        navigateToTargetPagezc() {
            //招商政策
            this.$router.push('/crm/policytype');
        },
        navigateToTargetPagesq() {
            //政策申请
            this.$router.push('/crm/policyprogress');
        },
        navigateToTargetPagesqjd() {
            //申请进度
            this.$router.push('/crm/policyapply');
        },
        navigateToTargetPageclgl() {
            //策略管理
            this.$router.push('/attractinvestment/note');
        },
        navigateToTargetPageyygl() {
            //预约管理
            this.$router.push('/attractinvestment/appointment');
        },
        navigateToTargetPagerzgl() {
            //入驻管理
            this.$router.push('/attractinvestment/checkin');
        },
        navigateToTargetPagesfgl() {
            //收费管理
            this.$router.push('/attractinvestment/chargeManage');
        },
        navigateToTargetPagetzgl() {
            //退租管理
            this.$router.push('/attractinvestment/checkoutManage');
        },


    }
}
</script>

<style scoped>
/* 引入css */
@import "@/views/personalCenter/css/index.css";

.numbers {
    font-size: 35px;
}

::v-deep .el-collapse-item__header {
    font-size: 20px !important;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

::v-deep .el-tabs__nav-scroll {
    display: flex;
    justify-content: center;
    height: 60px;
    line-height: 90px;
}

::v-deep .el-tabs__item {
    font-size: 30px;
}

.enterprise-content,
.content-list {
    margin-top: 30px;
}

ul.list>li {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    cursor: pointer;
    height: 60px;
    border-bottom: 1px solid #ccc;
    align-items: center;
}
</style>